<!doctype html>
<html class="no-js fixed-layout">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Amaze UI Admin index Examples</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="assets/css/amazeui.css" />
		<link rel="stylesheet" href="assets/css/admin.css">
		<link rel="stylesheet" href="assets/css/admin_custom.css" />
		<link rel="stylesheet" href="assets/css/index.css" />
		<script src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/index.js"></script>
	</head>

	<body>
		<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

		<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
		<header class="am-topbar admin-header topbar-color headerbg">
			<div class="am-topbar-brand">
				<strong><img src="assets/images/logo.png" />	</strong> <small>后台管理</small>

			</div>


			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

			<div class="am-collapse am-topbar-collapse " id="topbar-collapse">

				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list ">

					<li class="am-dropdown" data-am-dropdown>
						<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
							<span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li value="iframe-table.html"><a href="javascript:;"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="javascript:;"><span class="am-icon-cog"></span> 设置</a></li>
							<li><a href="javascript:;"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>
					<li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
				</ul>
			</div>
		</header>
		<header class="am-topbar admin-header topbar-color header fixed2">

			<div class="am-fl  ">
				<ul class="am-nav am-nav-pills ceshi2 headermenu">
					<li class="current"><a href="javascript:;"><span class="am-icon-home  am-icon-md" ></span>我的</a></li>
					<li><a href="javascript:;"><span class="am-icon-home  am-icon-md" ></span>区块</a></li>
					<li><a href="javascript:;"><span class="am-icon-group  am-icon-md" ></span>会员</a></li>
					<li><a href="javascript:;"><span class="am-icon-plug   am-icon-md" ></span>模块</a></li>
					<li><a href="javascript:;"><span class="am-icon-plug   am-icon-md" ></span>工具</a></li>
					<li><a href="javascript:;"><span class="am-icon-plug   am-icon-md" ></span>模板</a></li>
					<li><a href="javascript:;"><span class="am-icon-wrench  am-icon-md" ></span>设置</a></li>
				</ul>

			</div>

			<!--<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>-->

			<div class="am-collapse am-topbar-collapse " id="topbar-collapse">

			</div>
		</header>

		<div class="am-cf admin-main">
			<!-- sidebar start -->
			<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">

				<div class="am-offcanvas-bar admin-offcanvas-bar">
					<ul class="am-list admin-sidebar-list menu">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 首页</a></li>

						<li class="admin-parent">
							<a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file am-icon-fw"></span> 页面模块 <span class="am-icon-angle-right am-fr am-margin-right iconactive"></span></a>
							<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
								<li class="Hrefli"><a href="javascript:;" class="am-cf" value="iframe-user.html"><span class="am-icon-check am-icon-fw"></span> 个人资料<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-help.html"><span class="am-icon-puzzle-piece am-icon-fw"></span> 帮助页</a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-gallery.html"><span class="am-icon-th am-icon-fw"></span> 相册页面<span class="am-badge am-badge-secondary am-margin-right am-fr"></span></a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-log.html"><span class="am-icon-calendar am-icon-fw"></span> 系统日志</a></li>
								<li class="Hrefli"><a href="javascript:;" value="iframe-404.html"><span class="am-icon-bug am-icon-fw"></span> 404</a></li>
							</ul>
						</li>

						<li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li>
						<li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li><li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li><li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li><li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li><li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li><li class="Hrefli"><a href="javascript:;" value="iframe-table.html"><span class="am-icon-table am-icon-fw"></span> 表格</a></li>
						<li class="Hrefli"><a href="javascript:;" value="iframe-form.html"><span class="am-icon-pencil-square-o am-icon-fw"></span> 表单</a></li>

						<li class="Hrefli"><a href="javascript:;"><span class="am-icon-sign-out"></span> 注销</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单2</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单3</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单4</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单4</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单4</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单4</a></li>

					</ul>
					<ul class="am-list admin-sidebar-list menu" style="display: none;">
						<li class="Hrefli"><a href="javascript:;" value="iframe-index.html"><span class="am-icon-home"></span> 菜单5</a></li>

					</ul>
				</div>

			</div>
			<!-- sidebar end -->

			<!-- content start -->
			<div class="iframe-con">
				<iframe id="iframe" src="iframe-port.html" frameborder="0" width="100%"></iframe>
			</div>

			<!-- content end -->

		</div>

		<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
			<span class="am-icon-btn am-icon-th-list"></span>
		</a>

		<footer>
			<hr>
			<p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
		</footer>

		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

		<!--[if (gte IE 9)|!(IE)]><!-->

		<!--<![endif]-->
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/app.js"></script>
		<script type="text/javascript">
			$(".am-dropdown-content li").on("click",function(){
				//alert("ceshi")
				var editvalue=$(this).attr("value");
				$(".Hrefli").removeClass("menuactive")
				$('.Hrefli').children('a[value="'+editvalue+'"]').parent(".Hrefli").addClass("menuactive")
				$("#iframe").attr("src", editvalue)
			})
		</script>
	</body>

</html>